/*
 * 可复用的公有布局
 */
 /* toast 提示 */
.show-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .show-toast i {
    font-size: 25px;
    margin-bottom: 10px;
  }
  
  .show-toast p {
    font-size: 16px;
  }
  /* 页脚导航 */
  footer{
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: space-around;
    border: 1px solid rgba(255, 255, 255, 100);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);  
    }
    footer a{  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #939393;
    }
footer a span{
    font-size: 30px !important;
    }
a.active{
    color: #509CFF;
    }
span.icon-shouye{
    font-size: 38px !important; 
}

  
